<template>
  <el-form :rules="rules" class="login_con">
    <h3 class="login_title">奥凯航空后勤资产管理系统</h3>
    <el-form-item prop="account">
      <el-input type="text" placeholder="账号" v-model="loginForm.uid" auto-complete="off"></el-input>
    </el-form-item>
    <el-form-item prop="checkpass">
      <el-input type="password" placeholder="密码" v-model="loginForm.password"  auto-complete="off"></el-input>
    </el-form-item>
    <!-- 与下方相同 -->
    <!-- <el-form-item type="vPass">
              <el-input type="checkbox"></el-input>
          </el-form-item> -->
    <el-checkbox label-position="left" class="login_rem">记住密码</el-checkbox>
    <el-form-item style="width: 100%;">
      <el-button type="primary" style="width: 100%;" @click="btnSubmit">登录</el-button>
    </el-form-item>
    <el-form-item style="width: 100%;">
      <el-button type="primary" style="width: 100%;" @click=" btnReset">重置</el-button>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: 'login',
  data() {
    return {
      rules: {
        account: [{ required: true, message: "请输入账号", trigger: 'blur' }],
        checkpass: [{ required: true, message: "请输入密码", trigger: 'blur' }]
      },
      loginForm: {
        uid: '',
        password: ''
      }
    }
  },
  methods: {
    btnSubmit() {
      console.log('进入登陆提交方法')
      var uid=this.loginForm.uid
      console.log(uid)
      console.log(this.loginForm.password)
      this.$router.push('/home')
    },
    btnReset(){
      console.log('重置')
      

    }

  }
}
</script>
<style scoped>
.login_con {
  border-radius: 15px;
  background-color: pink;
  margin: 6cm auto;
  width: 350px;
  padding: 35px;
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 25px #cacac6;
}

.login_title {
  margin: 0px auto 40px auto;
  text-align: center;
  color: #505458;
 

}

.login_rem {
  margin: 0px 0px 35px 0px;
  text-align: center;
}
</style>